<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.validate.js"></script>
<script type="text/javascript">

function submitForm1()
{
	
	$('#contact').submit();
}
$().ready(function() {
	jQuery.validator.addMethod("notEqual", function(value, element, param) {
	    return this.optional(element) || value != param;
	  }, "Please specify a different (non-default) value");
	  
    // validate signup form on keyup and submit
	jQuery("#contact").validate({
	      rules: {
	          'data[email]': {
	              required: true,
	              email: true,
	              notEqual: '{{l}}Email{{/l}}'
	              },

              'data[name]': {
                  required: true,
                  notEqual: '{{l}}Name{{/l}}'
                  },   
                  'data[message]': {
                      required: true,
                      notEqual: '{{l}}Description{{/l}}'
                      }         
	          
	      },
	      messages: {
	    	  
	            'data[email]':"",
	            'data[name]': "",
                'data[message]': ""
	      }
	  }); 

    initialize();
});



</script>
<style type="text/css">
input.error, textarea.error, select.error {
    background: none repeat scroll 0 0 #FAEBE7 !important;
    border: 1px dashed #EB340A !important;
}

.article_indent {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
}


.formRight {
    float: right;
    margin-right: 35px;
    margin-top: 20px;
    width: 370px;
}


.imageLeft {
    float: left;
    margin-left: 0;
    margin-top: 20px;
    width: 500px;
}


</style>
            <div id="main">
                <div class="highlightPage">
                    <h1><a href="#" title="Questionnaire">Questionnaire</a></h1>
<!--                    <div class="blockQuestion">-->
<!--                        <form class="frmComment" action="#" method="post">-->
<!--                            <p>1. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English</p>-->
<!--                            <input type="text" class="inpType wth01"/>-->
<!--                            <p>2. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English</p>-->
<!--                            <input type="radio" name="a" id="yes"/><label for="yes">Yes</label>-->
<!--                            <input type="radio" name="a" id="no"/><label for="no">No</label>                            -->
<!--                            <p>3. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English</p>-->
<!--                            <ul class="lstChoose">-->
<!--                                <li><input type="checkbox" id="b"/><label for="b">Explaining products and/or services you offer</label></li>-->
<!--                                <li><input type="checkbox" id="c"/><label for="c">E-commerce</label></li>-->
<!--                                <li><input type="checkbox" id="d"/><label for="d">Generating online sales</label></li>-->
<!--                                <li><input type="checkbox" id="e"/><label for="e">Customer Service/Client Feedback/Assisting Existing Customers</label></li>-->
<!--                                <li><input type="checkbox" id="f"/><label for="f">Web Presence/Image/Corporate Presence</label></li>-->
<!--                                <li><input type="checkbox" id="g"/><label for="g">Other:</label><input type="text" class="inpType wth02"/></li>-->
<!--                            </ul>-->
<!--                            <p>4. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English</p>-->
<!--                            <textarea cols="1" rows="1" class="wth03"></textarea>-->
<!--                            <p><a href="javascript:submitForm();" title="submit"><button name="submitButton" type="submit" class="uiButton" title="Send" value="">-->
<!--                                    <div class="btn normal">-->
<!--                                        <span class="btn btLeft">&nbsp;</span><span class="btCen">Send</span><span class="btn btRight">&nbsp;</span> -->
<!--                                    </div>-->
<!--                                </button></a>-->
<!--                                <button name="submitButton" type="submit" class="uiButton" title="Refresh" value="">-->
<!--                                    <div class="btn normal">-->
<!--                                        <span class="btn btLeft">&nbsp;</span><span class="btCen">Refresh</span><span class="btn btRight">&nbsp;</span> -->
<!--                                    </div>-->
<!--                                </button>-->
<!--                             </p>                       -->
<!--                        </form>-->
<!--                    </div>-->
<!--                     end blockQuestion -->
						<div class="blockQuestion"	>
							
	                        <p style="min-height: 30px;"><span style="color:red; padding-left: 205px;">
	                         {{if $contactMessage|@count > 0}}  
	                             {{if $contactMessage.success==true}}
		                          {{l}}We received your message.We will contact to you soon!{{/l}}
		                        {{else}}
		                          {{$contactMessage.message}}
		                        {{/if}}
		                      {{/if}}
	                        </span> </p></br> 
	                      <form class="frmComment" id="contact" action="" method="post">
	                        <label style="width: 200px;float: left;">{{l}}Your name {{/l}}<span style="color: red">* </span>:</label>
			                 <input type="text" name="data[name]" id="textfield"/>
			                <br class="cb" />
			              <label style="width: 200px;float: left;">{{l}}Your E-mail{{/l}} <span style="color: red">* </span> : </label>
			                  <input type="text" name="data[email]" id="textfield1" />
			                <br class="cb" />
			              <label style="width: 200px;float: left;">{{l}}Your phone{{/l}} </label>
			                  <input type="text" name="data[tel]" id="textfield" />
			                <br class="cb" />
			              <label style="width: 200px;float: left;">{{l}}Your adress{{/l}}  </label>
			                  <input type="text" name="data[adress]" id="textfield" />
			                <br class="cb" />
			              <label style="width: 200px;float: left;"> {{l}}How did you hear about us?{{/l}} </label>
			                <select name="data[question]" style="height: 30px;font-size:12px;margin-bottom: 4px;">
				                <option value="Search Engine" >{{l}}Search Engine{{/l}}</option>
				                <option value="Existing Customer" >{{l}}Existing Customer{{/l}}</option>
				                <option value="Word of Mouth" >{{l}}Word of Mouth{{/l}}</option>
				                <option value="Banner Ad" >{{l}}Banner Ad{{/l}}</option>
				                <option value="Direct Mail" >{{l}}Direct Mail{{/l}}</option>
				                <option value="Email" >{{l}}Email{{/l}}</option>
				                <option value="Trade Show" >{{l}}Trade Show{{/l}}</option>
				                <option value="Other" >{{l}}Other{{/l}}</option>
				            </select>
				            <br class="cb" />
			                <label style="width: 200px;float: left;">{{l}}Content{{/l}} <span style="color: red">* </span> : </label>
			                  <textarea  name="data[message]" cols="" rows="" style="width: 449px;"></textarea>
			                <br class="cb"/>
			                <label style="width: 200px;float: left;">{{l}}Budget{{/l}} : </label>
			                  <input type="text" name="data[budget]" id="textfield"  />
			                <br class="cb" />
<!--				            <label style="width: 200px;float: left;">{{l}}Security code{{/l}}  <span style="color: red">* </span> :</label>-->
<!--				                  <input type="text" name="data[captcha]" id="textfield" style="width: 100px;" /><div style="margin-top: 7px;float: right;margin-right: 500px;"><img src="{{$LAYOUT_HELPER_URL}}front/captcha/create_image.php?r={{$randomNumber}}"/></div>-->
<!--				                <br class="cb" />-->
				                <p style="padding-left:205px">
				                
				                <a href="javascript:submitForm1();" style="background: none repeat scroll 0 0 #EC9030;
							    color: #FFFFFF;
							    cursor: pointer;
							    float: left;
							    font-family: francoisone;
							    font-size: 18px;
							    margin: 0 10px 0 0;
							    padding: 10px 20px;
							    text-transform: uppercase;
							    width: auto;">	{{l}}Send{{/l}}</a>
				                </p> 
							</form>
						</div>
                </div>
                
            </div>
